<template>
  <DoctorCard />
  <ScrollTopAndOffsetTop />
  <RewardCard />
</template>

<script>
import DoctorCard from './components/doctorCard'
import ScrollTopAndOffsetTop from './components/scrollTopAndOffsetTop'
import RewardCard from './components/reward';
export default {
  name: 'App',
  data() {
    return {
      parentMsg: 'app.vue',
    }
  },
  components: {
    DoctorCard,
    ScrollTopAndOffsetTop,
    RewardCard,
  },
  methods: {
    parentMethod() {
      console.log(`this is ${this.parentMsg} message method`);
    }
  },
  provide() {
    return {
      parentMsg: this.parentMsg,
      parentMethod: this.parentMethod,
    }
  },
  mounted() {
  }
}
</script>

<style>
* {
  padding: 0;
  margin: 0;
}
</style>
